window.addEventListener("load", () => {
	// 调用选项卡函数
	tabs($("#modalBox ul li"), $("#modalBox ol li "));
	// 正则判断
	// 失焦事件
	$("#name").addEventListener("blur", () => {
		let result = $("#name").value;
		// 判断用户名、电话、邮箱
		if (
			/^[A-Za-z0-9]{6,20}$/.test(result) ||
			/^1[0-9]{10}$/.test(result) ||
			/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(result)
		) {
			$("#mask1").style.display = "none";
		} else {
			$("#mask1").style.display = "block";
		}
	});
	$("#pwd").addEventListener("blur", () => {
		// 判断密码
		if (/^\w{6,12}$/.test($("#pwd").value)) {
			$("#mask2").style.display = "none";
		} else {
			$("#mask2").style.display = "block";
		}
	});
	// 表单提交事件
	$("form").addEventListener("submit", (e) => {
		let result = $("#name").value;
		// 判断用户名、电话、邮箱
		if (
			/^[A-Za-z0-9]{6,20}$/.test(result) ||
			/^1[0-9]{10}$/.test(result) ||
			/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(result)
		) {
			$("#mask1").style.display = "none";
		} else {
			$("#mask1").style.display = "block";
			e.preventDefault();
		}
		// 判断密码
		if (/^\w{6,12}$/.test($("#pwd").value)) {
			$("#mask2").style.display = "none";
		} else {
			$("#mask2").style.display = "block";
			e.preventDefault();
		}
	});
});
